const db = wx.cloud.database()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    items: [],  // 视频数据的数组
    show: -1,  // 记录正在播放的视频下标
    id: -1,  // 用于关掉上一个视频
    //模糊搜索返回的数组
    resultArr: [],
    //输入框的值
    inputValue: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  //监听输入框
  monitorInput: function (e) {
    // console.log(e.detail.value)
    //输入框的值
    var inputValue = e.detail.value;
    if (inputValue == "") {
      this.setData({
        inputValue: '',
        resultArr: []
      })
    } else {
      this.setData({
        inputValue: inputValue
      })
      // // 直接调用
      db.collection('handdance').where({
        //char为要搜索的对象名
        introduce: db.RegExp({
          //从搜索栏中获取的value作为规则进行匹配。
          regexp: inputValue,
          //大小写不区分
          options: 'i',
        })
      }).get().then(res => {
        console.log(res)
        this.setData({
          resultArr: res.data,
        })
      })
    }
  },

  //输入框失去焦点时
  blurInput: function () {
    // console.log('失去焦点')
    if (this.data.inputValue == "") {
      this.setData({
        resultArr: [],
        inputValue: ''
      })
    }
  },



  onLoad: function(options) {
    var that = this
    db.collection('handdance').where({
      publish: _.eq(true)
    }).get({
      success(res) {
        that.setData({
          items: res.data.reverse()  // 反转使最新数据的在最上面
        })
      }
    })
  },
  /**
   * 点击视频后，隐藏封面，暂停上一次点击的视频，播放点击的视频
   */
  cover: function(e) {
    var index = e.currentTarget.dataset.id
    var id = 'my' + e.currentTarget.dataset.id
    if (this.data.show != index) {  // 此处的show是上一个视频的下标
      var i = 'my' + this.data.show
      this.videoContext = wx.createVideoContext(i)  // 小程序的视频api
      this.videoContext.pause({})  // 暂停上一个播放的视频
    }
    this.setData({
      show: index  // 将show更新至最新点击的视频的下标
    })
    this.videoContext = wx.createVideoContext(id)
    this.videoContext.play({})  // 开始播放当前视频
  },
})